<div class="col-md-12 process-query" style="padding: 0px;">

  <div crumbs config="crumbsConfig" ></div>

  <div class="page-toolbar">
    <div class="portlet-body">
      <div class="row">
        <div class="col-md-12">
          <div class="portlet light">
            <div class="portlet-title">
                <div class="caption font-dark">
                    <i class="htrd-icon-process-warn-sm font-dark"></i>
                    <span class="caption-subject bold uppercase">流程告警查询</span>
                </div>
            </div>

            <div class="portlet-body" >
              <!-- 流程结果 -->
              <div class="row">
                <!-- 全部状态的搜索及展示 -->
                <div class="col-md-12">
                  <div class="htrd-list-query-line">
                    <!-- 搜索条 -->
                    <div class="input-group htrd-list-input">
                      <input type="text" class="form-control" placeholder="流程名称/节点名称" style="border: none;" ng-model="search" >
                    </div>

                    <!-- 日期筛选 -->
                     <div date-time-picker></div>

                    <!-- 查询 -->
                    <div ng-class="{true:'htrd-process-list-not-querybtn',false:'htrd-process-list-querybtn'}[isClick]" ng-click="query()" style="float: left; height: 34px;margin-left: 10px;">
                      <i class="htrd-list-query"></i>
                      <span class="htrd-process-list-querytext" >查询</span>
                    </div>
                  </div>
                  <div class="table-scrollable">
                    <table class="table table-striped table-bordered table-hover dataTable htrd-home-table">
                      <thead>
                         <tr role="row">
                         <th class="index">序号</th>
                          <th class=" sorting date" ng-class="{true:'sorting_asc', false:'sorting_desc'}[classState]"  ng-click="changeSort()">时间</th>
                          <th class="level">告警级别</th>
                          <th class="log">日志信息</th>
                          <th class="operator"> 执行人</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr ng-repeat="item in processResult"  ng-click="toManagerProcess(item)">
                        <tr ng-repeat="item in processResult">
                          <td ng-bind="item.id"></td>
                          <td ng-bind="item.started_at" ></td>
                          <td ng-class="{'error': 'error', 'timeout':'timeout', 'default': 'defaultColor'}[item.color]" ng-bind="item.level"></td>
                          <td ng-bind="item.result_info"></td>
                          <td ng-bind="item.user_name"></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>

                  <div>
                    <div page></div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
